<!DOCTYPE html>
<html lang="zh-Hans">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>第01讲 - JavaScript 基础/运算符与表达式</title>
    <!--<link rel="stylesheet" href="./css/basic.css">-->
    <style>

        body {
            background: lightcyan;
        }
        h1 { margin: 0; padding: 0;}


        #header, #content {
            width: 80%;
            min-width: 1100px;
            margin: 50px auto;
        }

        #header > .sub-title, #header > .title {
            display: inline-block;
            letter-spacing: 2px;
        }
        #header > .sub-title {
            margin-left: 18px;
            font-size: 13px;
        }

        main {
            letter-spacing: 2px;
        }
        #footer {
            letter-spacing: 2px;
            text-align: center;
            margin: 50px 0;
        }
        #footer a {
            color: cornflowerblue;
        }
    </style>
</head>
<body>
    <!-- 头部 -->
    <header id="header">
        <h1 class="title">作业 - PRACTICE</h1>
        <p class="sub-title">睿峰 - 做受人尊敬的培训机构</p>
    </header>
    <!-- 内容 -->
    <main id="content">
        <!-- 判断题 -->
        <section class="topic-wrap">
            <h3 class="topic-title">一、判断题</h3>
            <ol class="topic-list" type='1'>
                <li>在定义JavaScript变量时，一定要指出变量名和值。</li>
                <li>用var定义一个变量后，如果没有赋予任何值，那么它的值是空值，即null。</li>
                <li>JavaScript规定在使用任何变量之前必须先使用var声明。</li>
                <li>在使用varx=1声明变量x之后，赋值语句x="今天天气真好"将出错。</li>
                <li>如果有定义 var a = true, b；那么 a || b 的结果为true。</li>
            </ol>
        </section>
        <!-- 选择题 -->
        <section class="topic-wrap">
            <h3 class="topic-title">二、选择题</h3>
            <div class="topic">
                <p>1. 下面四个变量声明语句中，哪一个变量的命名是正确的？</p>
                <ol class="answer-list" type="A">
                    <li>var default</li>
                    <li>var my_bouse</li>
                    <li>var my dog</li>
                    <li>var 2cats</li>
                </ol>
            </div>
            <div class="topic">
                <p>2. 下面哪一个语句定义了一个名为 pageNumber的变量并将它的值赋为240？</p>
                <ol class="answer-list" type="A">
                    <li>var PageNumber = 240</li>
                    <li>pagenumber = 240</li>
                    <li>var pageNumber = 240</li>
                    <li>var int named pageNumber = 240</li>
                </ol>
            </div>
            <div class="topic">
                <p>3. 下面哪一个不是JavaScript运算符？</p>
                <ol class="answer-list" type="A">
                    <li>=</li>
                    <li>==</li>
                    <li>&&</li>
                    <li>$</li>
                </ol>
            </div>
            <div class="topic">
                <p>4. 表达式 123 % 7 的计算结果是？</p>
                <ol class="answer-list" type="A">
                    <li>2</li>
                    <li>3</li>
                    <li>4</li>
                    <li>5</li>
                </ol>
            </div>
            <div class="topic">
                <p>5. 表达式 "123abc" - "123" 的计算结果是？</p>
                <ol class="answer-list" type="A">
                    <li>"abc"</li>
                    <li>0</li>
                    <li>"123abc123</li>
                    <li>NaN</li>
                </ol>
            </div>
            <div class="topic">
                <p>6. 下面哪一个表达式将返回真？</p>
                <ol class="answer-list" type="A">
                    <li>(3 === 3) && (5 < 1)</li>
                    <li>!(17 <= 20)</li>
                    <li>(3 != 3) || (7 < 2)</li>
                    <li>(1 === 1) || (3 < 2)</li>
                </ol>
            </div>
            <div class="topic">
                <p>7. 下面哪一个表达式将返回假？</p>
                <ol class="answer-list" type="A">
                    <li>!(3 <= 1)</li>
                    <li>(4 >= 4) && (5 <= 2)</li>
                    <li>("a" == "a") && ("c" != "d")</li>
                    <li>(2 < 3) || (3 < 2)</li>
                </ol>
            </div>
        </section>
        <!-- 简答题 -->
        <section class="topic-wrap">
            <h3 class="topic-title">三、简答题</h3>
            <ol class="topic-list" type="1">
                <li>什么是JavaScript？</li>
                <li>什么是全局变量？什么是局部变量？其特点是什么？</li>
                <li>JavaScript常用的数据类型有哪些？</li>
                <li>JavaScript 字符串、数值、布尔值在类型转换中有哪些转换方法？</li>
            </ol>
        </section>
        <!-- 计算题 -->
        <section class="topic-wrap">
            <h3 class="topic-title">四、计算题</h3>
            <div class="topic">
                <p>1. 假定x=10, y = 5 ，请计算下列表达式中x与y的值</p>
                <ol class="topic-list" type="1">
                    <li>y = x++ + ++x</li>
                    <li>y = --x - x--</li>
                    <li>y += ++x - --x + 10</li>
                    <li>y -= ++x - (x % 3) - x</li>
                    <li>y = (++x > x++) ? 0 : 1</li>
                </ol>
            </div>
        </section>
    </main>
</body>
</html>